<route lang="json">
{
  "meta": {
    "title": "MetaQuotes"
  }
}
</route>
<script setup lang="ts">
import { _require } from "@@/utils/tools/index";
import { useInView } from "@@/hooks/toolsHooks";
import { inTopGroup } from "@@/common/js/animation";
const { vInView } = useInView();

const timelines = computed(() => [
  {
    timestamp: "2000",
    title: "Incorporation & Publish",
    content: `Incorporation in 2000, software development company, headquarters St.
              Petersburg, Russia. The founder of the company is Renat
              Fatkhullin. MetaQuotes is the best The famous product is the
              MetaTrader trading platform series These include MetaTrader 4
              (MT4) and MetaTrader 5 (MT5).`,
  },
  {
    timestamp: "2002",
    title: "Approved",
    content: `MetaTrader 3 is released as MetaQuotes The first widely recognized
              trading platform.`,
  },
  {
    timestamp: "2005",
    title: "Revolutionary",
    content: `Launched MetaTrader 4 (MT4), which became A revolutionary trading
              platform. The simplicity of MT4 Face, powerful charting and
              technical analysis tools as well as the ability The ability to
              conduct automated trading quickly became popular with traders
              Welcome. The success of MT4 has given MetaQuotes a boost Increased
              visibility and market share.`,
  },
  {
    timestamp: "2010",
    title: "More powerful",
    content: `MetaTrader 5 (MT5) was released and introduced More features and
              improvements. MT5 has more powerful Technical analysis tools,
              trading capabilities for multiple asset classes Power and higher
              execution speed.`,
  },
]);

const part4 = computed(() => [
  {
    title: "Multi-market support",
    content:
      "MT5 allows traders to trade across multiple financial markets, including forex, stocks, futures, contracts for Difference (CFDS), and more. This allows traders to manage portfolios of different markets simultaneously on one platform",
  },
  {
    title: "More powerful technical analysis tools",
    content:
      "MT5 provides a wealth of technical analysis tools, including a variety of chart types, indicators, objects, and line tools. Traders can use these tools for detailed market analysis and price forecasting.",
  },
  {
    title: "Deep market access",
    content:
      "MT5 supports deep Market access (DMA), allowing traders to trade directly with liquidity providers for better trade execution and lower latency errors.",
  },
  {
    title: "Multiple order types",
    content:
      "MT5 supports various order types, including market order, limit order, stop loss order, tracking stop loss order, etc. Traders can use the appropriate order type according to different trading strategies and needs.",
  },
  {
    title: "Built-in economic calendar",
    content:
      "MT5 has a built-in economic calendar that provides release times and expected data for important economic events and indicators. This helps traders keep track of important news and events in the market and make trading decisions accordingly.",
  },
  {
    title: "Automated trading function",
    content:
      "MT5 has powerful automated trading capabilities that allow traders to make automated trades using Expert Advisors (EAs). Traders can write and test EAs according to their own strategies and rules, and implement their trading strategies.",
  },
  {
    title: "Social trading",
    content:
      "MT5 allows traders to trade socially with other traders, share trading ideas and strategies, and follow the trading activity of other traders.",
  },
  {
    title: "Mobile transaction",
    content:
      "MT5 offers a mobile trading app that allows traders to trade anytime, anywhere via mobile phone or tablet. This allows traders to closely track the market and make timely trading decisions.",
  },
]);
</script>

<template>
  <CpageView>
    <!-- 一栏 -->
    <ElRow class="ML-xxl" :justify="'space-between'" :align="'middle'">
      <ElCol :xs="24" :span="10">
        <div v-in-view:once="(e) => inTopGroup(e.target)" class="MR-lg">
          <h1>
            <span in-top>What<span>&nbsp;</span></span>
            <span in-top>are<span>&nbsp;</span></span>
            <span class="T-M1" in-top>MetaQuotes<span>&nbsp;</span></span>
            <span class="T-M1" in-top>?<span>&nbsp;</span></span>
          </h1>
          <p class="T-weak" in-top>
            MetaQuotes Software Corp is a software development company best
            known for creating the MetaTrader platform, these flat The platform
            is widely used in online transactions.
          </p>
        </div>
      </ElCol>
      <ElCol :xs="24" :span="14">
        <ElImage
          class="part-1_image"
          :src="_require('src/assets/images/desplay/13.jpg')"
          :fit="'cover'"
        />
      </ElCol>
    </ElRow>

    <!-- 二栏 -->
    <div
      v-in-view:once="(e) => inTopGroup(e.target)"
      class="Mrow-xxl MT-xxl T-A-C auto-MT-sm"
    >
      <h2>
        <span class="T-M1" in-top>Flagship<span>&nbsp;</span></span>
        <span in-top>product<span>&nbsp;</span></span>
      </h2>
      <p in-top class="T-weak">
        The most popular platforms for MetaQuotes are
        <span class="T-M1 T-strong">MetaTrader 4 (MT4)</span> and
        <span class="T-M1 T-strong">MetaTrader 5 (MT5).</span> These platforms
        provide traders with access to financial markets The way of the market,
        including foreign exchange, stocks, commodities, etc.
      </p>
      <p in-top class="T-weak">
        The MetaQuotes platform is known for its
        <span class="T-M1 T-strong">advanced charting</span> capabilities,
        technical analysis tools, automated trading capabilities, and the use of
        expert <span class="T-M1 T-strong">advisors (EAs)</span> is known for
        its ability to conduct algorithmic trading.
      </p>
      <p in-top class="T-weak">
        They are <span class="T-M1 T-strong"> widely used </span> by retail
        traders and financial industry institutions.
      </p>
    </div>

    <!-- 三栏 -->
    <div v-in-view:once="(e) => inTopGroup(e.target)" class="Mrow-xxl MT-xxl">
      <h2 class="T-A-C">
        <span in-top>History<span>&nbsp;</span></span>
        <span in-top>of<span>&nbsp;</span></span>
        <span class="T-M1" in-top>MetaQuotes</span>
      </h2>
      <el-timeline class="MT-lg">
        <el-timeline-item
          v-for="item in timelines"
          in-top
          :timestamp="item.timestamp"
          placement="top"
          type="primary"
          hollow
        >
          <el-card>
            <h4 class="T-M1">{{ item.title }}</h4>
            <p class="MT-sm T-S-sm">
              {{ item.content }}
            </p>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </div>

    <!-- 四栏 -->
    <div class="Mrow-xxl MT-xl">
      <div v-in-view:once="(e) => inTopGroup(e.target)">
        <h2 class="T-A-C">
          <span in-top>MetaTrader<span>&nbsp;</span></span>
          <span in-top>5<span>&nbsp;</span></span>
          <span class="T-M1" in-top>(MT5)<span>&nbsp;</span></span>
        </h2>
        <p class="T-A-C MT-md" in-top>
          MetaTrader 5 (MT5)MetaTrader 5 (MT5) is a multi-functional trading
          platform developed by MetaQuotes with many powerful features and
          functions.
        </p>
      </div>
      <div v-in-view:once="(e) => inTopGroup(e.target)" class="MT-md">
        <h3 class="T-A-C">
          <span class="T-M1" in-top>Advantages<span>&nbsp;</span></span>
          <span in-top>of<span>&nbsp;</span></span>
          <span in-top>(MT5)<span>&nbsp;</span></span>
        </h3>
        <ElRow class="MT-lg">
          <ElCol v-for="item in part4" in-top :span="8" :xs="12">
            <div class="hover-line-L MG-md">
              <h3>{{ item.title }}</h3>
              <p class="MT-md T-weak">
                {{ item.content }}
              </p>
            </div>
          </ElCol>
        </ElRow>
      </div>
    </div>
  </CpageView>
</template>

<style lang="scss" scoped></style>
